/**
	xyPop-v2.0 styleSheet	[2015-10-12]
*/
/*自适应适配*/
/*@media (min-width: 320px) {html {font-size: 100%; }}
@media (min-width: 360px) {html {font-size: 112.5%;}}
@media (min-width: 384px) {html {font-size: 120%;}}
@media (min-width: 400px) {html {font-size: 125%;}}
@media (min-width: 540px) {html {font-size: 168.75%;}}
@media (min-width: 600px) {html {font-size: 187.5%;}}
@media (min-width: 640px) {html {font-size: 200%;}}
@media (min-width: 720px) {html {font-size: 225%;}}
@media (min-width: 768px) {html {font-size: 100%;}}
html {font-size: calc(100vw / 320 * 16);}*/

*, *:before, *:after {
	-moz-box-sizing: border-box;   /* Firefox 1, probably can drop this */
	-webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
	box-sizing: border-box;   /* Everything else */
}

/*背景遮罩层css*/
.xy-ui-overlay{
	position:fixed;left:0;top:0;right:0;height:100%;width:100%;
}

/*窗体容器css*/
.xy-ui-wrapper{
	background:#fff;float:left;font-family:"Microsoft Yahei",Arial;padding:0.0625rem;min-width:25rem;_width:25rem;max-width:28.875rem;
	box-shadow:0 0 0.3125rem rgba(0,0,0,0.3);-webkit-box-shadow:0 0 0.3125rem rgba(0,0,0,0.3);-moz-box-shadow:0 0 0.3125rem rgba(0,0,0,0.3);
}
.anim-ui-wrapper{
	/* animation:anim_ui_in 0.3s ease-in-out;-webkit-animation:anim_ui_in 0.3s ease-in-out;-moz-animation:anim_ui_in 0.3s ease-in-out; */
	animation:showAlert 0.3s ease-in-out;-webkit-animation:showAlert 0.3s ease-in-out;-moz-animation:showAlert 0.3s ease-in-out;
}
/* ==========弹窗css3动画 (打开) {{{ */
/*弹窗效果一*/
/* @keyframes anim_ui_in {
	0%{opacity: 0; transform: scale(1.2);} 50%{transform: scale(0.95);} 100%{opacity: 1; transform: scale(1);}
}
@-webkit-keyframes anim_ui_in {
	0%{opacity: 0; -webkit-transform: scale(1.2);} 50%{-webkit-transform: scale(0.95);} 100%{opacity: 1; -webkit-transform: scale(1);}
}
@-moz-keyframes anim_ui_in {
	0%{opacity: 0; -moz-transform: scale(1.2);} 50%{-moz-transform: scale(0.95);} 100%{opacity: 1; -moz-transform: scale(1);}
} */
/*弹窗效果二*/
@keyframes showAlert{
	0% { transform: scale(0.7); }
	45% { transform: scale(1.05); }
	80% { transform: scale(0.95); }
	100% { transform: scale(1); }
}
@-webkit-keyframes showAlert{
	0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
	45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
	80% { transform: scale(0.95); -webkit-tranform: scale(0.95); }
	100% { transform: scale(1); -webkit-transform: scale(1); }
}
@-moz-keyframes showAlert{
	0% { transform: scale(0.7); -moz-transform: scale(0.7); }
	45% { transform: scale(1.05); -moz-transform: scale(1.05); }
	80% { transform: scale(0.95); -moz-tranform: scale(0.95); }
	100% { transform: scale(1); -moz-transform: scale(1); }
}
/* }}} */
.xy-ui-head{
	background:#fff;border-bottom:0.0625rem solid #e8e8e8;height:2.5rem;line-height:2.375rem;
}
.xy-ui-title{
	color:#000;font-size:1.4375rem;font-family:"Microsoft Yahei";padding:0 0.9375rem 0 0.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;
}
.xy-ui-close{
	background:url(btn_close.gif) no-repeat center center;background-size:0.75rem 0.6875rem;-webkit-background-size:0.75rem 0.6875rem;cursor:pointer;height:0.6875rem;width:0.75rem;position:absolute;top:0.90125rem;right:0.625rem;
	transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;
	-webkit-tap-highlight-color:rgba(255,255,255,0); /*去除点击蓝色边框*/
}
.xy-ui-close:hover{
	transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);
	transform-origin:50% 50%; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%;
}

/* 底部按钮栏 */
.xy-ui-foot{
	background:#f7f7f7;border-top:0.0625rem solid #e8e8e8;
}
.xy-ui-foot .ui-btns{font-size: 16px;
	background:#f7f7f7;border-right:0.0625rem solid #e8e8e8;color:#333;text-shadow:0.0625rem 0.0625rem #fff;
	cursor:pointer;display:inline;float:left;font:0.9375rem/2.8125rem "Microsoft Yahei";height:2.8125rem;overflow:hidden;_zoom:1;text-align:center;text-decoration:none;vertical-align:middle;
	-webkit-tap-highlight-color:rgba(255,255,255,0); /*去除点击蓝色边框*/
}
.xy-ui-foot .ui-btns:active{background:#f2f2f2;}
.xy-ui-foot .xy_ui_btn0{border-right:0 none;float:right;}
